<template>
  <!-- 精选 -->
  <el-carousel height="150px" :autoplay="false">
    <el-carousel-item v-for="item in 4" :key="item">
      <h3 class="small justify-center">{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>

  <!-- 官方歌单 -->
  <h3 class="middle justify-center">官方歌单></h3>
  <el-carousel height="150px" :autoplay="false">
    <el-carousel-item v-for="item in 4" :key="item">
      <h3 class="small justify-center">{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>

  <!-- 最新音乐 -->
  <h3 class="middle justify-center">最新音乐></h3>

  <el-carousel height="150px" :autoplay="false">
    <el-carousel-item v-for="item in 4" :key="item">
      <el-descriptions>
        <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
        <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
        <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
        <el-descriptions-item label="Remarks">
          <el-tag size="small">School</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="Address"
          >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province</el-descriptions-item
        >
      </el-descriptions>
    </el-carousel-item>
  </el-carousel>
</template>

<style scoped>
.el-carousel__item {
  background-color: antiquewhite;
}

.el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
  text-align: center;
}
</style>
